<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <style type="text/css">
        .btn_sel{
            border: 1px solid #d1d1d1;
            border-radius: 3px;
            background: #fff;
            -webkit-box-shadow: 0 1px 0 #ccc;
            box-shadow: 0 1px 0 #ccc;
            font-size: 14px;
        }
    </style>

</head>
<body>

    <div style="width: 93%;margin-left: 30px;padding-bottom: 20px">

        <div class="row">
            <div style="width: 100%; height: 50px; padding-left:20px;padding-top: 5px; background-color:#ffeaa7;
                                -moz-box-shadow: 0px 0px 1px  #909090;-webkit-box-shadow: 0px 0px 1px  #909090;">
                <span style="font-size: 23px;color: #e84118">历史订单</span>
            </div>
        </div>

        <div class="row">
            <div style="width: 100%; height: 50px; padding-left:20px;padding-top: 10px;background-color: white;
                 -moz-box-shadow: 0px 0px 2px  #909090;-webkit-box-shadow: 0px 0px 2px  #909090;">

                订单号: <input type="text" value="" name="" style="width: 120px">
                &nbsp;&nbsp;
                旅客: <input type="text" value="" name="" style="width: 120px">
                &nbsp;&nbsp;
                开始日期: <input type="date" value="" name="" >
                            —
                        <input type="date" value="" name="" >
                &nbsp;&nbsp;
                <select style="height: 26px;">
                    <option name="" value="">订单状态</option>
                    <option name="" value="">全部</option>
                    <option name="" value="">未提交</option>
                    <option name="" value="">待支付</option>
                    <option name="" value="">已提交/出票</option>
                    <option name="" value="">已退票/取消</option>
                </select>
                &nbsp;&nbsp;
               <input class="btn_sel" type="submit" name="" value="查询">

            </div>
        </div>
        <div class="row" style="background-color:#ffffff; border: 1px dashed #dbdbdb;margin-top: 10px; height: 230px;
                                        -moz-box-shadow: 0px 0px 1px  #909090;-webkit-box-shadow: 0px 0px 1px  #909090;">
            <div class="col-md-8" style="padding: 20px;text-align: center; line-height: 150px">
                暂时没有相关订单
            </div>

            <div class="col-md-4" style="height: 100%">
                <div style="border-left: 2px dashed #dbdbdb; height: 90%;margin-top: 10px; float:left"></div>
                <div style="margin-top:85px;margin-left: 30px; user-select:none;color: #ced6e0;">
                    <span>订票无忧</span><br>
                    <span>价格保证，确保出行</span>
                </div>
            </div>
        </div>
    </div>

</body>
</html>